@import "fnList.less";
/*骨架屏*/

.skeleton();
.skt-loading {
    pointer-events: none; /* 加载中阻止事件 */
    .skeleton();
}
/*遮罩*/
.mask{
    overflow: hidden;
}
.index-header{
    width: 100%;
    background: rgba(0, 0, 0,.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    font-size: 16px;
}

/* header */
.index-head-input{
    height: 30px;
    line-height: 26px;
    border: 2px solid #c5c9ca;
    border-radius: 15px;
    margin: 10px 18.5px;
    position: relative;
    span:first-child{
        position: absolute;
        .inline-block();
        width: 17.5px;
        height: 17.5px;
        background: url(../images/icon/galss_03.png) 0 0 no-repeat;
        .background-size();
        top: 5px;
        left: 7.5px;
        
    }
    span:last-child{
    font-size: 13.5px;
    margin-left:30px; 
    color: #c8c9bb;
   }
}


section{
    width: 100%;
    max-width: 750px;
    overflow: hidden;
    margin: 0 auto;
    font-size: 16px;

/* swiper css */
.index-swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    height: 0;
    .fn-px-rem(padding-bottom,499);
    background: #EBF1F8;
}
.index-swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.index-swiper-container .swiper-wrapper{
    display: flex;
}   
.index-swiper-container .swiper-wrapper a {
    display: inline-block;
    width: 100%;
  
    .fn-px-rem(height,499);
    img{
    .fn-px-rem(height,499);
    }
}

.index-swiper-pagination{
    display: flex;
    position: absolute;
    .fn-px-rem(right,40);
    .fn-px-rem(bottom,21);
   
}
.index-swiper-pagination span{
    width: .055rem;
    height: .05rem;
    border: 1.5px solid #0298ca;
    border-radius: 50%;
    margin:0 .025rem;
}
.index-swiper-pagination span.swiper-pagination-bullet-active{
    background-color: #0298ca;
}


/*navigation Part of the*/
.index-nav{
    padding: .1rem .07rem .035rem .07rem;
    width: 100%;
    div{
        text-align: center;
        &:after{
            content: "";
            display: block;
            clear: both;
        }
        a{
         color:#fff;
         float: left;
        .inline-block();
        .fn-px-rem(width,240);
        .fn-px-rem(height,88);
        .fn-px-rem(font-size,28 );
        .fn-px-rem(line-height,88);
        .fn-px-rem(margin-bottom,8);
        .fn-px-rem(margin-right,8);
        // .fn-px-rem(padding-left,95);
        //   border: 1px solid red;
        background: #ff9f26;
        
        
        }
        a:first-child{
            .fn-px-rem(width,217);
            .fn-px-rem(height,184);
            .fn-px-rem(margin-right,15);
            .fn-px-rem(margin-bottom,17);
        }
        
    }
    .index-nav-tourism{
        a{  
            position: relative;
            background: #ff9f26;
            span{
                display: inline-block;
                margin-left: .15rem;   
            }
            &:after{
                content: "";
                display: inline-block;
                position: absolute;
                .fn-px-rem(width,60);
                .fn-px-rem(height,40);
               
                .fn-px-rem(left,23);
                .fn-px-rem(top,25);
            background: url("../images/icon/sprites.png") no-repeat;
            background-size:3.75rem 4.75rem;
        }
        }
        a:first-child{
            &::after{
                content: none;
            }
            background: url("../images/icon/btnlist0323_03.jpg") 0 0 no-repeat;
            .background-size();
        }
        .index-Out-tourism{
            &::after{
              background-position: -0.19rem -1.265rem;
            }
        }
        .index-domestic-tourism{
         
            &::after{
              background-position: -0.60rem -1.265rem;
            }
        }
        .index-surrounding-tourism{
            background-color:#de4989;
            &::after{
              background-position: -1.04rem -1.265rem;
            }
        }
        .index-local-tourism{
            background-color: #7f83e4;
            &::after{
              background-position: -1.45rem -1.265rem;
            }
        }
        
    }
    .index-nav-ticket{
        a:first-child{
            background: url("../images/icon/btnlist0323_06.jpg") 0 0 no-repeat;
            .background-size();
        }
        .index-min-itcket{
            background: url(../images/icon/btnlist0323_08.jpg)  0 0 no-repeat;
            .background-size();            
        }
        .index-car-itcket{
            background-color: #3aace0;
        }
        .index-train-itcket{
            background-color: #31c6cc;
        }
        .index-drive-itcket{
            background-color: #33b6d2;
        }
    }
    .index-nav-hotel{
        a{
            background-color: #bac731;
        }
        a:first-child{
            background: url("../images/icon/btnlist0323_12.jpg") 0 0 no-repeat;
            .background-size();
        }
        .index-overseas-hotel{
                
        }
        .index-domestic-hotel{
                
        }
        .index-hot-hotel{
            background-color: #82c631;
        }
        .index-features-hotel{
            background: url(../images/icon/btnlist0323_14.jpg)  0 0 no-repeat;
            .background-size
        }
    }
}

/* advertising img*/ 
.index-advertising-img{
    a{
        display: block;
        img{
            .fn-px-rem(width,750);
            .fn-px-rem(height,176);
        }
    }
}

/* Sale remit */
.index-sale-hui{
    .fn-px-rem(padding,24);
    margin-bottom:0.5rem;
    .index-sale-head{
        // .fn-px-rem(height,90);
        // .fn-px-rem(line-height,90);
        .index-sale-text{
            color: #3765bb;
            .fn-px-rem(font-size,30);
            .fn-px-rem(padding-left,55);
            position: relative;
            &::after{
                content: "";
                display: inline-block;
                .fn-px-rem(width,47);
                .fn-px-rem(height,47);
                position: absolute;
                top: 0;
                left: 0;
                background: url(../images/icon/sprites.png) -1.89rem -0.52rem  no-repeat;
                background-size:3.75rem 4.75rem;

            }
        }
    }
    ul{
        display: flex;
        flex-wrap: wrap;
        margin-top: .05rem;
        li{

            border: 1px solid #ccc;
            .fn-px-rem(width,342);
            display: block;
            margin: .012rem ;
            a{
                .fn-px-rem(font-size,27);
                .index-sale-img{
                    .fn-px-rem(width,342);
                    .fn-px-rem(height,215);
                    img{
                        width: 100%;
                        height: 100%;        
                    }  
                }
               
            .index-sale-title{
                color: #333333;
                margin: .05rem;
            }
           .index-sale-state{
            margin: .05rem;
               display: flex;
               justify-content: space-between;
               .fn-px-rem(height,60);
               .fn-px-rem(line-height,60);
               span{
                   .fn-px-rem(font-size,24);
                    color: #b8b8b8;
               }
               .index-sale-price{
                .fn-px-rem(font-size,17);
                   color: #b8b8b8;
                   span{
                    .fn-px-rem(font-size,20);
                    color: #ff9900;
                    margin: 0 .02rem    ;
                   }
               }
           }
           
        }
        }
    }
}
}

footer{
    .width();
    .flexible(50,height);
    .flexible(11,font-size);
    .box-sizing();
    .padding-space(8,24);
    background:#ededed;
    .position-footer();
    ul{
        .flex();
        .flex-justify();
        .flex-align();
        li{
            a{
                .block();
                .textalign();
                .color(#666);
                span{
                    .block();
                    .flexible(26,width);
                    .flexible(23,height);
                    .margin(0);
                }
                .img-index{
                    .background("footer_0322_01.png");
                    .backgroundSize(100%,100%);
                }
                .img-search{
                    .background("footer_0322_06.png");
                    .backgroundSize(100%,100%);
                }
                .img-history-active{
                    .background("footer_0322_07.png");
                    .backgroundSize(100%,100%);
                }
                .img-myinfo{
                    .background("footer_0322_08.png");
                    .backgroundSize(100%,100%);
                }
                p{
                    .letter-spacing(2);
                }
            }
            .index{
                p{
                    .color(#1448AE);
                }
            }
        }
    }
}